<!DOCTYPE html>

<html>
<head>
    <!-- META -->
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ $title }}</title>
    <!-- /META -->
    
    <!-- CSS -->
    {{ HTML::style('css/slitslider.css') }}
    {{ HTML::style('css/prettyPhoto.css') }}
    {{ HTML::style('css/style.css') }}
    {{ HTML::style('css/colors.css') }}
    {{ HTML::style('css/responsive.css') }}
    <!-- /CSS -->
    
    <!-- SCRIPTS + JQUERY -->
    <!-- The HTML5 Shim + Media Queries for older browsers (mostly older versions of IE). -->
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->
    
    {{ HTML::script('js/jquery-1.8.2.min.js') }}
    {{ HTML::script('js/selectnav.min.js') }}
    {{ HTML::script('js/slitslider/modernizr.custom.79639.js') }}
    {{ HTML::script('js/slitslider/jquery.ba-cond.min.js') }}
    {{ HTML::script('js/slitslider/jquery.slitslider.js') }}
    {{ HTML::script('js/jquery.prettyPhoto.js') }}
    {{ HTML::script('js/jquery.jtweetsanywhere-1.2.1.min.js') }}
    {{ HTML::script('js/default.js') }}
    <!-- /SCRIPTS + JQUERY -->
</head>

<body id="blue"> 
	<header><!-- BEGIN HEADER -->

		<!-- begin top header -->
        <div id="top_header">
            <div class="wrap">
                <div id="logo">
                    <a href="index.html"><h1>Bloom</h1></a>
                </div>

                <nav>
                    <ul id="top_nav">
                        <li><a href="index.html" class="active">Home</a></li>
                        <li><a href="#">Features</a>
                            <ul><!-- begin 2nd level -->
                                <li><a href="#">Pages</a>
                                    <ul class="lower_level"><!-- begin 3rd level -->
                                        <li><a href="index2.html">Home 2</a></li>
                                        <li><a href="about.html">About Us</a></li>
                                        <li><a href="services.html">Services</a></li>
                                        <li><a href="pricing-tables.html">Pricing Tables</a></li>
                                        <li><a href="404.html">404 page</a></li>
                                        <li><a href="blog-single.html">Blog Single Post</a></li>
                                        <li><a href="portfolio-single.html">Portfolio Single</a></li>
                                        <li><a href="about2.html">About Us - classic</a></li>
                                        <li><a href="contact2.html">Contact 2</a></li>
                                        <li><a href="sidebar-right.html">Sidebar Right</a></li>
                                        <li><a href="sidebar-left.html">Sidebar Left</a></li>
                                    </ul><!-- end 3rd level -->
                                </li>
                                <li><a href="elements.html">Elements</a></li>
                                <li><a href="full-width.html">Full Width Columns</a></li>
                            </ul><!-- end 2nd level -->
                        </li>
                        <li><a href="portfolio.html">Portfolio</a>
                            <ul><!-- begin 2nd level -->
                                <li><a href="portfolio.html">4 Columns</a></li>
                                <li><a href="portfolio-3.html">3 Columns</a></li>
                                <li><a href="portfolio-2.html">2 Columns</a></li>
                                <li><a href="portfolio-single.html">Portfolio Single</a></li>
                            </ul><!-- end 2nd level -->
                        </li>
                        <li><a href="blog.html">Blog</a></li>
                        <li><a href="contact.html">Contact</a></li>
                    </ul>
                </nav>
            </div>
        </div><!-- end top header -->

        <?php echo Section::yield('middle_header'); ?>

    </header><!-- END HEADER -->


    <!-- BEGIN CONTENT -->
    <section class="wrap container">
      @yield('content')
    </section>

    <footer><!-- BEGIN FOOTER -->
        <!-- begin top footer -->
        <div id="top_footer">
            <div class="wrap">
                <a href="#" class="clients_btn"></a>
                <div class="clients">
                    <img class="nomargin" src="images/clients.png" alt="" />
                </div>
            </div>
        </div><!-- end top footer -->

        <!-- begin middle footer -->
        <div id="middle_footer">
            <div class="container wrap">
                <div class="col blogroll">
                    <h4>Other Good Sites</h4>
                    <ul>
                        <li><a href="#">aboutn.com</a></li>
                        <li><a href="#">envato.com</a></li>
                        <li><a href="#">themeforest.net</a></li>
                        <li><a href="#">google.com</a></li>
                        <li><a href="#">wikipedia.org</a></li>
                    </ul>
                </div>
                <div class="col our_address">
                    <h4>Our Address</h4>
                    <ul>
                        <li><a href="#">Envato</a></li>
                        <li>PO Box 21177 </li>
                        <li>Little Lonsdale St, </li>
                        <li>Melbourne </li>
                        <li>Victoria 8011 Australia</li>
                    </ul>
                </div>
                <div class="col">
                    <h4>Twitter</h4>
                    <div class="tweetsFeed"></div>
                    <div class="follow">Follow Us: <a href="http://twitter.com/nemos_" target="_blank">@nemos_</a></div>
                </div>
                <div class="col last">
                    <h4>About Bloom</h4>
                        <p>This demo is purely for demonstration purposes. All the content is fictional and designed only to show off the Sympathico theme on a live site.</p>
                        <p class="nomargin">All images are copyrighted to their respective owners.</p>
                </div>
            </div>
        </div><!-- end middle footer -->

        <!-- begin bottom footer -->
        <div id="bottom_footer">
            <div class="wrap">
                <a href="index.html"><img class="left" src="images/logo_footer.png" alt="" /></a>
                <ul id="social_networks">
                    <li><a href="#" class="network1"></a></li>
                    <li><a href="#" class="network2"></a></li>
                    <li><a href="#" class="network3"></a></li>
                    <li><a href="#" class="network4"></a></li>
                    <li><a href="#" class="network5"></a></li>
                    <li><a href="#" class="network6"></a></li>
                </ul>

                <div id="to_top"></div>

                <span class="right">This template is copyrighted.<br /> Envato - author <a href="http://themeforest.net/user/navigator" target="blank_">navigator</a> (c) 2012. Html5 &amp; CSS3</span>
            </div>
        </div><!-- end bottom footer -->

    </footer><!-- END FOOTER -->
    
</body>
</html>
